<!DOCTYPE html>
<html lang="en" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
	<title>SSS PROPERTIES</title>
	<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />
	
	<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
	<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
	<!-- wraper -->
	<div id="wrapper">
		<!-- shell -->
		<div class="container">
			<!-- container -->
			<div class="shell">
				<!-- header -->
				<header id="header">
					<h1 id="logo"><a href="#"><img src="css/images/sss.jpg" style="position: absolute;height: 150px;width: 200px;"></a></h1>
					<!-- search -->
					<div style="float:right;width:500px;">
						
					<div style="float:right;width:300px;margin-top:50px;margin-right:-50px;">
						<p><b>E-mail:</b> youremailid@domainname.com</p>
					</div>
					<div style="float:right;width:500px;">
							<h1 style="margin:-50px 0px 10px -20px;">Contact Number</h1>
							<ul style="list-style:none;">
								<li>+xx-xxxxxxxxx</li>
								<li>+xx-xxxxxxxxx</li>
							</ul>
						</div>
					</div>
					<!-- end of search -->
				</header>
				<!-- end of header -->
				<!-- navigation -->
				<nav id="navigation">
					<a href="#" class="nav-btn">HOME<span class="arr"></span></a>
					<ul>
						<li class="active"><a href="#">HOME</a></li>
						<li><a href="#">ABOUT US</a></li>
						<li><a href="#">ONGOING PROJECTS</a></li>
						<li><a href="#">DOWNLOADS</a></li>
						<li><a href="#">IMAGE GALLARY</a></li>
						<li><a href="#">ENQUIRY</a></li>
						<li><a href="#">contact</a></li>
					</ul>
				</nav>
				<!-- end of navigation -->
				<!-- slider -->
				<div class="m-slider">
					<div class="slider-holder">
						<span class="slider-shadow"></span>
						<span class="slider-b"></span>
						<div class="slider flexslider">
							<ul class="slides">
								<li>
									<div class="img-holder">
										<img src="css/images/slide1.jpg" alt="" />
									</div>
									<div class="slide-cnt">
										<h2>Your Title Here</h2>
										<div class="box-cnt">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
										</div>
										<a href="#" class="grey-btn">request a demo</a>
									</div>
								</li>
								<li>
									<div class="img-holder">
										<img src="css/images/slide2.jpg" alt="" />
									</div>
									<div class="slide-cnt">
										<h2>Your Title Here</h2>
										<div class="box-cnt">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
										</div>
										<a href="#" class="grey-btn">request a demo</a>
									</div>
								</li>
								<li>
									<div class="img-holder">
										<img src="css/images/slide3.jpg" alt="" />
									</div>
									<div class="slide-cnt">
										<h2>Your Title Here</h2>
										<div class="box-cnt">
										<p>ss properties ss properties ss properties ss properties ss properties ss properties ss properties
							ss propertiesss properties ss properties ss properties ss propertiesss properties ss properties</p>
						</div>
										<a href="#" class="grey-btn">request a demo</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>		
				<!-- end of slider -->
				
				<div style="clear:both;padding-top:30px;"></div>
				<div id="footer">
					<div class="footer-cols">
						<div style="width:750px;float:left;margin-right:20px;">
							<h2>SSS PROPERTIES</h2>
							<p>Sri Sai Chaitanya Developers is a noted name in the field of project underwriting services for residential structures. We are the ideal destination to avail the most reliable underwriting services.</p>
						</div>
						<div style="width:220px;float:left;">
							<h2>CONTACT US</h2>
							<ul>
								<li><a href="#"><b>Name  :</b> Kiran</a></li>
								<li><a href="#"><b>NO  :</b> +xx-xxxxxxxxx</a></li>
								<li><a href="#"><b>Name  :</b> sss properties </a></li>
								<li><a href="#"><b>NO  :</b> +xx-xxxxxxxxx</a></li>
								<li><a href="#"><b>EMAIL  :</b> name@domainname.com</a></li>
							</ul>
						</div>
					</div>
					<div class="socials">
					<div class="socials-inner">
						<h3>Follow us</h3>
						<ul>
							<li><a href="#" class="facebook-ico"><span></span>Facebook</a></li>
							<li><a href="#" class="twitter-ico"><span></span>Twitter</a></li>
							<li><a href="#" class="rss-feed-ico"><span></span>Rss-feed</a></li>
							
						</ul>
						<div class="cl">&nbsp;</div>
					</div>
				</div>
					<!-- end of footer-cols -->
					<div class="footer-bottom">
					<div style="width:990px;margin:0 auto;">
						<nav class="footer-nav">
							<ul>
								<li class="active"><a href="#">Home</a></li>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Ongoing Projects</a></li>
								<li><a href="#">Downloads</a></li>
								<li><a href="#">Image Gallary</a></li>
								<li><a href="#">Enquiry</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</nav>
						<p class="copy">&copy; Copyright 2014 sss properties <span>|</span> <strong>Design by <a href="http://www.bigperl.com/" target="_blank">bigperl solution pvt ltd</a></strong></p>
						<div class="cl">&nbsp;</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of container -->	
		</div>
		<!-- end of shell -->	
	</div>
	<!-- end of wrapper -->
</body>
</html>